<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>{{title}}</title>
<meta name="Keywords" content=""/>
<meta name="Description" content=""/>
<!--浏览器渲染设置-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<!--各平台个性化视觉设置(自行补充)-->
<link rel="shortcut icon" type="image/x-icon" href="../static/common/brower/favicon.ico"/>
<link rel="apple-touch-icon-precomposed" href="../static/common/brower/apple-touch-icon.png">
<link rel="icon" sizes="192x192" href="../static/common/brower/apple-touch-icon.png">
<!--移动端特性设置-->
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="My WebAPP">
<!--项目全局CSS资源引用-->
<link rel="stylesheet" href="../static/lib/jqueryP/rui/rui.min.css" />
<link rel="stylesheet" href="../static/common/common.css" />
<!--项目全局JS资源引用-->
<script src="../static/require.js"></script>
<script src="../static/requireConfig.js"></script>
<!-- --------------------------------页面模板公用头部结束-------------------------------- -->
<style type="text/css">
#dashBoard {
	
}
#dashBoard .boardSide {
	position: fixed;
	_position: absolute;
	z-index: 999;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 240px;
	overflow: auto;
	background: #f9f9f9;
}
#dashBoard .boardBody {
	margin-right: 220px;
	padding: 20px;
	padding-bottom: 0px;
	background: #fff;
}
#dashBoard .boardBody:before, #dashBoard .boardBody:after {
	display: table;
	line-height: 0;
	content: "";
}
.dBox {
	width: 50%;	
	float: left;
	margin-bottom: 20px;
}
.dBox .widget {
	margin-right: 20px;
	border: 2px solid #eee;
}
.dBox .widget:before, .dBox .widget:after {
	display: table;
	line-height: 0;
	content: "";
}
.dBox .widget:hover {
	border: 2px solid #d5e5f5;
}
.dBox .tit {
	position: relative;
	background: #f2f2f2;
}
.dBox .tit h5 {
	height: 32px;
	line-height: 32px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
	color: #3979b8;
}
.dBox .tit .tools {
	position: absolute;
	top: 0px;
	right: 10px;
	line-height: 32px;
}
.dBox .tit .tools a {
	margin-left: 5px;
}
.dBox .tit .tools a .ionicons {
	margin-right: 5px;
}
.dBox .tit .tools a:hover {
	text-decoration: none;
}
.dBox .cont {
	background: #fff;
	padding: 10px;
	height: 200px;
	overflow: auto;
}
.dBox.block {
	width: 100%;
}
.dBox.block .cont {
	height: 70px;
}
	.analyIndex {
		border: none;
		box-shadow: none;
	}
	.calendar {
		margin: 10px 20px;
		text-align: center;
/*		background: #f30;*/
	}
	.sideBox {
/*		margin: 10px;*/
	}
	.sideBox .tit {
		
	}
	.sideBox .tit h5 {
		font-size: 14px;
		color: #3979b8;
		padding-left: 10px;
	}
	.sideBox .cont {
		margin: 10px;
	}
	.infoLista {
		
	}
	.infoLista .item {
		border-bottom: 1px solid #e6e6e6;
	}
	.infoLista .item a {
		display: block;
		position: relative;
		color: #333;
		line-height: 32px;
		height: 32px;
	}
	.infoLista .item a:hover {
		color: #f30;
		background: #f2f2f2;
	}
	.infoLista .item a span {
		position: absolute;
		top: 0px;
		right: 0px;
		color: #999;
	}
</style>
</head>
<body>

<!--<div class="pageHeader hidden">
	<h3>工作台</h3>
</div>-->

<div class="pageBody" id="dashBoard" style="padding: 0px;">
	<div class="boardSide">
		<div class="calendar" id="my97">
			日历
		</div>
		<div class="sideBox">
			<div class="tit">
				<h5>最新消息</h5>
			</div>
			<div class="cont">
				<div class="infoLista">
					<div class="item">
						<a href="javascript://">这里是标题啊...<span>10-25</span></a>
					</div>
					<div class="item">
						<a href="javascript://">这里是标题啊...<span>10-25</span></a>
					</div>
					<div class="item">
						<a href="javascript://">这里是标题啊...<span>10-25</span></a>
					</div>
					<div class="item">
						<a href="javascript://">这里是标题啊...<span>10-25</span></a>
					</div>
					<div class="item">
						<a href="javascript://">这里是标题啊...<span>10-25</span></a>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div class="boardBody">
		<div class="dBox block">
			<div class="widget">
				<div class="tit">
					<h5>综合统计</h5>
					<div class="tools">
						<a href="javascript:" class="refresh"><i class="ionicons">&#xf201;</i></a>
						<a href="javascript:"><i class="ionicons">&#xf46a;</i></a>
					</div>
				</div>
				<div class="cont analyIndex" style="padding: 0px;">
					<table>
						<tr>
							<th>浏览次数(PV)<a href="javascript://" rel="tooltip" title="即通常说的PV（PageView）值，用户每打开1个网站页面，记录1个PV。用户多次打开同一页面PV累计多次。" class="ionicons">&#xf446</a></th>
							<th>独立访客(UV)<a href="javascript://" rel="tooltip" title="1天（00:00-24:00）之内，访问网站的不重复用户数（以浏览器cookie为依据），一天内同一访客多次访问网站只被计算1次。" class="ionicons">&#xf446</a></th>
							<th>IP<a href="javascript://" rel="tooltip" title="1天（00:00-24:00）之内，访问网站的不重复IP数。一天内相同IP地址多次访问网站只被计算1次。" class="ionicons">&#xf446</a></th>
							<th>新独立访客<a href="javascript://" rel="tooltip" title="当日的独立访客中，历史上首次访问网站的访客为新独立访客。" class="ionicons">&#xf446</a></th>
							<th>访问次数<a href="javascript://" rel="tooltip" title="访客从进入网站到离开网站的一系列活动记为一次访问，也称会话(session),1次访问(会话)可能包含多个PV。" class="ionicons">&#xf446</a></th>
							<th>人均浏览页面<a href="javascript://" rel="tooltip" title="平均每个独立访客产生的PV。人均浏览页数=浏览次数/独立访客。体现网站对访客的吸引程度。" class="ionicons">&#xf446</a></th>
							<th>平均访问深度<a href="javascript://" rel="tooltip" title="平均每次访问(会话)产生的PV。平均访问深度=浏览次数/访问次数。体现网站对访客的吸引程度。" class="ionicons">&#xf446</a></th>
						</tr>
						<tr>
							<td>320<span class="trend"><i class="ionicons up">&#xf10e;</i>20%</span></td>
							<td>240<span class="trend"><i class="ionicons up">&#xf10e;</i>20%</span></td>
							<td>185<span class="trend"><i class="ionicons down">&#xf105;</i>20%</span></td>
							<td>160<span class="trend"><i class="ionicons up">&#xf10e;</i>20%</span></td>
							<td>239<span class="trend"><i class="ionicons down">&#xf105;</i>20%</span></td>
							<td>10<span class="trend"><i class="ionicons up">&#xf10e;</i>20%</span></td>
							<td>3<span class="trend"><i class="ionicons down">&#xf105;</i>20%</span></td>
						</tr>
					</table>
				</div>
			</div>
		</div>
		
		<div class="dBox">
			<div class="widget">
				<div class="tit">
					<h5>微件标题</h5>
					<div class="tools">
						<a href="javascript:" class="refresh"><i class="ionicons">&#xf201;</i></a>
						<a href="javascript:"><i class="ionicons">&#xf46a;</i></a>
					</div>
				</div>
				<div class="cont">
					<table class="rTable">
						<thead>
						  <tr>
							<th width="80">事项类型</th>
							<th width="">名称</th>
							<th width="80">提交时间</th>
							<th width="30">状态</th>
						  </tr>
						</thead>
						<tbody>
						  <tr>
							<td>投诉</td>
							<td>出租车运价投诉</td>
							<td>2011-09-25</td>
							<td><i class="ionicons stats green">&#xf39b;</i></td>
						  </tr>
						  <tr>
							<td>投诉</td>
							<td>出租车运价投诉</td>
							<td>2011-09-25</td>
							<td><i class="ionicons stats green">&#xf39b;</i></td>
						  </tr>
						  <tr>
							<td>投诉</td>
							<td>出租车运价投诉</td>
							<td>2011-09-25</td>
							<td><i class="ionicons stats green">&#xf39b;</i></td>
						  </tr>
						  <tr>
							<td>投诉</td>
							<td>出租车运价投诉</td>
							<td>2011-09-25</td>
							<td><i class="ionicons stats green">&#xf39b;</i></td>
						  </tr>
						  <tr>
							<td>投诉</td>
							<td>出租车运价投诉</td>
							<td>2011-09-25</td>
							<td><i class="ionicons stats green">&#xf39b;</i></td>
						  </tr>
						</tbody>
					  </table>
				</div>
			</div>
		</div>
		
		<div class="dBox">
			<div class="widget">
				<div class="tit">
					<h5>微件标题</h5>
					<div class="tools">
						<a href="javascript:" class="refresh"><i class="ionicons">&#xf201;</i></a>
						<a href="javascript:"><i class="ionicons">&#xf46a;</i></a>
					</div>
				</div>
				<div class="cont">
					<table class="rTable">
						<thead>
						  <tr>
							<th width="80">事项类型</th>
							<th width="">名称</th>
							<th width="80">提交时间</th>
							<th width="30">状态</th>
						  </tr>
						</thead>
						<tbody>
						  <tr>
							<td>投诉</td>
							<td>出租车运价投诉<small>张三对此事进行评论如下：</small></td>
							<td>2011-09-25</td>
							<td><i class="ionicons stats green">&#xf39b;</i></td>
						  </tr>
						  <tr>
							<td>投诉</td>
							<td>出租车运价投诉<small>张三对此事进行评论如下：</small></td>
							<td>2011-09-25</td>
							<td><i class="ionicons stats green">&#xf39b;</i></td>
						  </tr>
						  <tr>
							<td>投诉</td>
							<td>出租车运价投诉<small>张三对此事进行评论如下：</small></td>
							<td>2011-09-25</td>
							<td><i class="ionicons stats green">&#xf39b;</i></td>
						  </tr>
						  <tr>
							<td>投诉</td>
							<td>出租车运价投诉<small>张三对此事进行评论如下：</small></td>
							<td>2011-09-25</td>
							<td><i class="ionicons stats green">&#xf39b;</i></td>
						  </tr>
						</tbody>
					  </table>
				</div>
			</div>
		</div>
		
		<div class="dBox">
			<div class="widget">
				<div class="tit">
					<h5>微件标题</h5>
					<div class="tools">
						<a href="javascript:" class="refresh"><i class="ionicons">&#xf201;</i></a>
						<a href="javascript:"><i class="ionicons">&#xf46a;</i></a>
					</div>
				</div>
				<div class="cont">
					sdfsdf
				</div>
			</div>
		</div>
		
		<div class="dBox">
			<div class="widget">
				<div class="tit">
					<h5>微件标题</h5>
					<div class="tools">
						<a href="javascript:" class="refresh"><i class="ionicons">&#xf201;</i></a>
						<a href="javascript:"><i class="ionicons">&#xf46a;</i></a>
					</div>
				</div>
				<div class="cont">
					<input type="button" value="点击弹出dialog" id="openDialog">
				</div>
			</div>
		</div>
	</div>
	
	
</div>


<!--当前页面私有JS-->
<script type="text/javascript">
	require(['common', 'my97'], function(){
        
        $('#openDialog').on('click', function(){
            top.layer.alert('内容');
        })
        
        
		//日历
		WdatePicker({eCont:'my97',onpicked:function(dp){alert('你选择的日期是:'+dp.cal.getDateStr())}})
		
		$('.dBox .tit .tools .refresh').on('click', function(){
			$.rui.msgClose();
			$this = $(this).closest('.dBox').find('.cont');
			$.rui.msg($this, '内容更新中', true);
		})
        
	})
</script>
<!-- --------------------------------页面模板公用底部开始-------------------------------- -->
</body>
</html>